<?php

?>

<div id="currentCriticalAlarms" style="background: #FF5555">Critical: 0</div>
<div id="currentMajorAlarms" style="background: #FFAB57">Major: 2</div>
<div id="currentMinorAlarms" style="background: #FFFF57">Minor: 6</div>
<div id="currentWarningAlarms" style="background: #AB57FF">Warning: 2</div>
<div id="currentInfoAlarms" style="background: #57FFFF">Info: 3</div>

<script type="text/javascript">
	$('currentCriticalAlarms').addEvent('click', function(e){
		MochaUI.notification('Critical Alarm Log');
             	new Event(e).stop();
               	MochaUI.alarmLogWindow();
	});
	
	$('currentMajorAlarms').addEvent('click', function(e){
		MochaUI.notification('Major Alarm Log');
	});

	$('currentMinorAlarms').addEvent('click', function(e){
		MochaUI.notification('Minor Alarm Log');
	});

	$('currentWarningAlarms').addEvent('click', function(e){
		MochaUI.notification('Warning Alarm Log');
	});

	$('currentInfoAlarms').addEvent('click', function(e){
		MochaUI.notification('Info Alarm Log');
	});

</script>
